@import "../../style/public";
.voice {
  ul {
    background: #fff;
    @include remCalc(margin-bottom, 30);
    @include thin-border(true, false);
    li {
      display: flex;
      @include remCalc(font-size, 30);
      @include remCalc(height, 90);
      @include remCalc(line-height, 90);
      @include remCalc(padding-right, 30);
      @include remCalc(margin-left, 30);
      box-sizing: border-box;
      justify-content: space-between;
      align-items: center;
      @include thin-border(false, false, bottom);
      &:last-child {
        &::after {
          display: none;
        }
      }
      > span {
        color: #333;
      }
      > div {
        //   /flex: 1;
        // color: #c7c7cc;
        text-align: right;
        display: flex;
        align-items: center;
        > span {
          @include remCalc(max-width, 480);
          @extend %text-overflow;
        }
        .zhk-bf-svg {
          color: $color-red;
          position: relative;
          &::after {
            content: "";
            position: absolute;
            @include remCalc(top, -30);
            @include remCalc(bottom, -30);
            @include remCalc(left, -60);
            @include remCalc(right, -30);
          }
        }
      }
    }
  }
  .voice-tip{
      color:$color-red;
      @include remCalc(font-size, 30);
      text-align: center;
  }
}
